<!DOCTYPE html>


<html lang="zh">
  

    <head>
      <meta charset="utf-8" />
        
      <meta
        name="viewport"
        content="width=device-width, initial-scale=1, maximum-scale=1"
      />
      <title>《控制社会后记》 |  知识全栈</title>
  <meta name="generator" content="hexo-theme-ayer">
      
      <link rel="shortcut icon" href="/favicon.ico" />
       
<link rel="stylesheet" href="/dist/main.css">

      
<link rel="stylesheet" href="/css/fonts/remixicon.css">

      
<link rel="stylesheet" href="/css/custom.css">
 
      <script src="https://cdn.staticfile.org/pace/1.2.4/pace.min.js"></script>
       
 

      <link
        rel="stylesheet"
        href="https://cdn.jsdelivr.net/npm/@sweetalert2/theme-bulma@5.0.1/bulma.min.css"
      />
      <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.0.19/dist/sweetalert2.min.js"></script>

      <!-- mermaid -->
      
      <style>
        .swal2-styled.swal2-confirm {
          font-size: 1.6rem;
        }
      </style>
    <link rel="alternate" href="/atom.xml" title="知识全栈" type="application/atom+xml">
</head>
  </html>
</html>


<body>
  <div id="app">
    
      
    <main class="content on">
      <section class="outer">
  <article
  id="post-《控制社会后记》吉尔·德勒兹"
  class="article article-type-post"
  itemscope
  itemprop="blogPost"
  data-scroll-reveal
>
  <div class="article-inner">
    
    <header class="article-header">
       
<h1 class="article-title sea-center" style="border-left:0" itemprop="name">
  《控制社会后记》
</h1>
 

      
    </header>
     
    <div class="article-meta">
      <a href="/2023/10/31/%E3%80%8A%E6%8E%A7%E5%88%B6%E7%A4%BE%E4%BC%9A%E5%90%8E%E8%AE%B0%E3%80%8B%E5%90%89%E5%B0%94%C2%B7%E5%BE%B7%E5%8B%92%E5%85%B9/" class="article-date">
  <time datetime="2023-10-31T05:13:53.696Z" itemprop="datePublished">2023-10-31</time>
</a> 
  <div class="article-category">
    <a class="article-category-link" href="/categories/%E5%AD%A6%E4%B9%A0/">学习</a>
  </div>
  
<div class="word_count">
    <span class="post-time">
        <span class="post-meta-item-icon">
            <i class="ri-quill-pen-line"></i>
            <span class="post-meta-item-text"> Word count:</span>
            <span class="post-count">3.6k</span>
        </span>
    </span>

    <span class="post-time">
        &nbsp; | &nbsp;
        <span class="post-meta-item-icon">
            <i class="ri-book-open-line"></i>
            <span class="post-meta-item-text"> Reading time≈</span>
            <span class="post-count">12 min</span>
        </span>
    </span>
</div>
 
    </div>
      
    <div class="tocbot"></div>




  
    <div class="article-entry" itemprop="articleBody">
       
  <h2 id="1-历史"><a href="#1-历史" class="headerlink" title="1.历史"></a>1.历史</h2><p>福柯将规训社会定位于十八世纪和十九世纪，并在二十世纪初达到顶峰。规训社会组织了巨大的禁锢空间。每个个体永无止境地，从一个禁锢环境转移到另一个禁锢环境，每个环境的法则各异：首先是家庭，然后是学校（你已不在家庭里），然后是兵营（你已不是学生），然后是工厂，时而是医院，时而是监狱，而监狱正是这些封闭环境的首要示例。监狱是作为这些封闭环境的类比典范：例如，罗西里尼的《欧罗巴51》中的女主人公在看到一些劳工时，惊呼：”我以为我看到的是罪犯”。</p>
<p>福柯出色地分析了封闭环境的理想形式，尤其是在工厂内：集中化，空间分配，时间有序安排，在时空维度内形成一种生产力，其效果将大于其组成力量之和。但是福柯也认识到，这种形式是短暂的：它继承了主权社会的模式，但它与主权社会的目的和功能是完全不同的东西（征税而不是组织生产，对死亡的统治而不是对生命的管理）；这种从主权社会到规训社会的过渡是随着时间的推移而发生的，拿破仑似乎实现了从一种社会到另一种社会的大规模转换。但反过来，规训又经历了一场危机，使新的力量逐渐建立，这种新的力量在二战后加速发展：我们不再处于规训社会之中。</p>
<p>我们所有的封闭环境，包括监狱、医院、工厂、学校、家庭，正处在普遍的危机中。家庭这样的“内部环境”，与所有其他的“内部环境”（包括学术的、职业的）一样，正处在危机之中。掌权的行政部门从未停止宣布进行所谓的必要改革：包括改革学校，改革工业、医院、军队、监狱。但所有人都知道，无论时限有多长，这些行政机构都已经完蛋了。她们只不过在举行最后的仪式，让人们继续工作，直至新的力量出现。</p>
<p>这便是控制社会，它们正在取代规训社会。伯勒斯提出了一个新怪物——“控制”，福柯也认识到“控制”正是我们眼前的未来。保罗·维利奥也在不停地分析自由浮动控制的超速形式，这些形式取代封闭系统内的时间框架中的旧规训法则。在这里没有必要引入非凡的药物生产、分子工程，基因操作，尽管这些都被安排进入新的进程。也没有必要询问哪一个是最强硬或容忍程度最高的制度，因为在每一个制度的深处，解放和奴役的力量在互相对抗。例如，医院作为一个封闭环境正处在危机之中，邻里诊所、临终关怀和日间照料起初可以表达新的自由，但它们也可以参与到与最严酷的禁锢相等的控制机制中。因此没有必要恐惧或希望，只需要寻找新的武器。</p>
<h2 id="2-逻辑"><a href="#2-逻辑" class="headerlink" title="2. 逻辑"></a>2. 逻辑</h2><p>个人所经历的互异的交汇或封闭空间是独立的变量：每次都应该从0开始，尽管这些地方都有共同语言，但都是类比的，终究不一致。但在另一方面，不同的控制机制存在不可分割的变化，形成了一个以数字（不一定是指二进制）为语言的可变几何变量系统。禁锢是模具、不同的铸件，那么控制则是一种调制，像一个可以自我变形的铸件，会持续不断地从一个时刻变化到另一个时刻；或者说像一个筛子，其网眼会从一个点嬗变到另一个点。</p>
<p>这点在工资问题上尤其明显：工厂是一个维持内部力量在一个平衡水平上的主体，在生产力水平上可能是最高的，在工资方面可能是最低的；但在一个控制社会里，公司企业取代了工厂，企业是一种精神，一种瓦斯。工厂已经十分熟悉奖金制度，但是企业对这方面工作得更深入，企业处于永续转移状态，通过挑战、竞赛和高度滑稽的小组会议运作，从而对每一份工资进行调控。如果说为什么最白痴的电视节目为何取得如此成功，正是因为它们把自己的企业状况表达得十分精准。工厂将个人组织成一个整体，以方便老板们调查群众内部的每一个要素、或者帮助工会组织群众抵抗；但企业持续不断地将最粗暴的竞争呈现为一种健康的形式，它是一种极好的激励力量，将人对立起来，并贯穿每一个人，将每一个人的内心割裂开来。“按劳分配”的调节原则成功引导了国民教育。事实上，正如企业取代工厂一样，永续地培训会取代学校，持续的控制代替考试，这是将学校转给企业运行的最可靠的方式。</p>
<p>在规训社会中，人们总是从0开始（从学校到军营，从军营到工厂），而在控制社会中，人们永远不会结束任何事情——企业、教育系统、武装力量永远是可转移的状态，以一种相同的调制方式共存，就像一个普遍的变化系统。在卡夫卡的《审判》中，他将自己置于两种社会形态的枢纽点，描述了最可怕的司法形式。规训社会的表面无罪（在两次监禁之间），和控制社会的无限延期（在不断变化之中），是两种截然不同的法学模式，如果要问为什么我们的法律犹豫不决，自身处在危机之中，原因即是我们要离开一种进入另一种。规训社会会存在两极：一是代表个人的签名，二是表明其在群众中地位的编号或行政编号。这是因为规训绝不会看到这两者之间有任何不相容的地方，同时也因为权力将大众化和个人化结合在一起，换句话说，将被行使权力的人构成一个身体，并塑造这个身体中的每个成员的个性（福柯从牧师的牧民权力中——羔羊和其中的每只——看到了这种双重支配的起源，但民间权力反过来，通过其他方式使自己成为非专业的牧师）</p>
<p>另一方面，在控制社会中，重要的不再是签字或数字，而是代码：代码即是密码。然而，规训社会是通过关键词进行管理（既从整合的角度，又从抵抗的角度）。控制社会的数字语言是由代码构成的，它标志着信息的获取，或者拒绝信息。我们发现自己不再面对着大众–个人。个人变成了“个体”，以及大众、样本、数据、数据或者“银行”。也许货币最能代表这两个社会的区别，因为规训总是指向将黄金作为数字标准的铸币，而控制则与浮动的汇率相关，按照一套标准货币建立的汇率进行调制。旧货币鼹鼠是封闭空间的动物，而蛇是控制社会的动物。我们从一种动物到另一种动物，从鼹鼠到蛇的变化，不仅发生在我们的生活制度上，而且发生在我们的生活方式和与他人的关系上。规训社会中的人不连续地生产能量，控制社会中的人则是有起伏的、在轨道中，在连续的网络中。无论何处，波浪式已经取代了旧的运动。</p>
<p>机器类型易与每一类型的社会相匹配——但并不是说机器是决定的因素，而是因为他们表达了那些能够产生机器和使用机器的社会形式。旧的主权社会利用的是简单的机器——杠杆、滑轮、时钟；近代的规训社会给自己装备了涉及能量的机器，被动危险是熵，主动危险是破坏；控制社会使用第三种机器——计算机，他的被动危险是干扰，主动危险是盗版和引入病毒。这种技术的进步一定是更深层次的资本主义的变异，这种变异是耳熟能详或者总所周知的，可以概括为：19世纪的资本主义是一种集中的资本主义，目的为生产和财产。因此，他把工厂树立为一个封闭的空间，资产家是生产资料的所有者，但也逐渐成为类比设想的其他封闭空间（工人的家庭住宅、学校）的所有者。</p>
<p>至于市场，有时通过专业化，有时通过殖民化，有时通过降低生产的成本将其征服。但是，在目前的情况下，资本主义不再参与生产，它常常把生产活动降到第三世界，甚至是关于纺织、冶金、石油产业等复杂的生产。这是一种高阶资本主义的生产。他不再购买原材料，不再销售成品：他购买成品或组装原件。它要卖的是服务，要买的是股票。这已经不是为生产而生产的资本主义，而是为产品而生产的资本主义，换句话说，是为了被销售或推销的资本主义。因此，它基本是分散的，工厂将其地位已经让位于公司企业。家庭、学校、军队、工厂不再是独特的类比空间，它们以前向所有者——国家或私人权力——靠拢，现在却朝着只有股东的单一公司的编码数字——包括可变换和不可变化的——靠拢。</p>
<p>甚至艺术也离开了封闭空间，以进入银行的开放循环之中。对市场的征服是通过掠夺控制权，而不是通过规训训练；通过固定汇率，而不是降低成本；通过对产品改造，而不是生产的专业化来实现。腐败因此获得了新的力量。营销已经成为企业的中心或“灵魂”。我们被教导，企业拥有灵魂，这真是世界上最可怕的消息。市场的运作现在成为了社会控制的工具，形成了我们的无耻品种的主人。控制是短期的、周转率快的，但也是连续的、无限制的，而纪律是长期的、无限的、不连续的。人不再是封闭之人，而是欠债之人。诚然，资本主义把四分之三的人类极端贫困作为一种常态保存了下来，因太穷而欠债，人数太多而被禁锢：但控制不仅要处理边境的侵蚀，也要处理棚户区或者贫民窟内部的爆炸。</p>
<h2 id="3-方案"><a href="#3-方案" class="headerlink" title="3. 方案"></a>3. 方案</h2><p>控制机制的概念，是在任何给定的瞬间给出开放环境中任何元素的位置（无论是保护区中的动物还是公司中的人类，就像电子项圈一样），不一定是科幻小说中的概念。菲力克斯·加塔里想象了一个城市，在这里一个人要离开他的公寓、街道、社区，需要用他的能够解除障碍的（个人）电子卡；但这个电子卡很容易在某一天或某几个小时之间被拒绝；重要的不是设置障碍，而是追踪某个人的位置——合法还是不合法——并起到普遍地调制规整作用。</p>
<p>控制机制的社会技术学研究，从一开始就必定是是必然的，并描述已经在取代到处宣称其危机的封闭环境式规训场所的情况。也许，从前的主权社会借来的旧方法将重新占据主导地位，但要有必要的修改。重要的是，我们已经有了一个开始。在监狱系统方面：至少对于轻微犯罪，去试图寻找“替代”的刑罚；使用电子项圈，迫使定罪者在家里老实呆一定时间。对于学校系统：连续的控制形式，以及学校永久训练的，相应地放弃所有大学研究，在各级学校教育中引入“公司”。在医院系统中，“无医生无病人”的新医学的应用，把潜在的病人和危险的对象挑出来，但这绝不是证明个体化——正如他们所说的那样——而是用被控制的“个体”物质的代码来替代个体身体或数字身体。在公司系统中：使用处理金钱、利润和人员的新方式，而不是通过工厂的旧方式。</p>
<p>这些都是很小的例子，但可以让我们更好地理解机构的危机，也就是说，逐步和分散地建立一个新的统治体系。最重要的问题之一将涉及到工会的无能：被捆绑在整个反对规训的斗争历史上，或者在封闭空间内，它们是能够自我调整，还是会让位于对控制社会的新形式的抵抗？我们是否已经能够把握这些即将到来的形式的大致轮廓，能够威胁到市场营销的乐趣？许多年轻人奇怪地自诩为”有上进心”，他们重新要求学徒制和长期培训。他们要自己发现自己被造就的服务对象是什么，就像他们的长辈不无困难地发现规训的端倪一样。蛇的盘绕甚至比鼹鼠的洞穴还要复杂。</p>
 
      <!-- reward -->
      
    </div>
    

    <!-- copyright -->
    
    <div class="declare">
      <ul class="post-copyright">
        <li>
          <i class="ri-copyright-line"></i>
          <strong>Copyright： </strong>
          
          Copyright is owned by the author. For commercial reprints, please contact the author for authorization. For non-commercial reprints, please indicate the source.
          
        </li>
      </ul>
    </div>
    
    <footer class="article-footer">
       
<div class="share-btn">
      <span class="share-sns share-outer">
        <i class="ri-share-forward-line"></i>
        分享
      </span>
      <div class="share-wrap">
        <i class="arrow"></i>
        <div class="share-icons">
          
          <a class="weibo share-sns" href="javascript:;" data-type="weibo">
            <i class="ri-weibo-fill"></i>
          </a>
          <a class="weixin share-sns wxFab" href="javascript:;" data-type="weixin">
            <i class="ri-wechat-fill"></i>
          </a>
          <a class="qq share-sns" href="javascript:;" data-type="qq">
            <i class="ri-qq-fill"></i>
          </a>
          <a class="douban share-sns" href="javascript:;" data-type="douban">
            <i class="ri-douban-line"></i>
          </a>
          <!-- <a class="qzone share-sns" href="javascript:;" data-type="qzone">
            <i class="icon icon-qzone"></i>
          </a> -->
          
          <a class="facebook share-sns" href="javascript:;" data-type="facebook">
            <i class="ri-facebook-circle-fill"></i>
          </a>
          <a class="twitter share-sns" href="javascript:;" data-type="twitter">
            <i class="ri-twitter-fill"></i>
          </a>
          <a class="google share-sns" href="javascript:;" data-type="google">
            <i class="ri-google-fill"></i>
          </a>
        </div>
      </div>
</div>

<div class="wx-share-modal">
    <a class="modal-close" href="javascript:;"><i class="ri-close-circle-line"></i></a>
    <p>扫一扫，分享到微信</p>
    <div class="wx-qrcode">
      <img src="//api.qrserver.com/v1/create-qr-code/?size=150x150&data=http://example.com/2023/10/31/%E3%80%8A%E6%8E%A7%E5%88%B6%E7%A4%BE%E4%BC%9A%E5%90%8E%E8%AE%B0%E3%80%8B%E5%90%89%E5%B0%94%C2%B7%E5%BE%B7%E5%8B%92%E5%85%B9/" alt="微信分享二维码">
    </div>
</div>

<div id="share-mask"></div>  
  <ul class="article-tag-list" itemprop="keywords"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/%E5%93%B2%E5%AD%A6/" rel="tag">哲学</a></li></ul>

    </footer>
  </div>

   
  <nav class="article-nav">
    
      <a href="/2023/10/31/%E7%BA%A2%E9%B2%B1%E9%B1%BC%E8%B0%AC%E8%AF%AF/" class="article-nav-link">
        <strong class="article-nav-caption">上一篇</strong>
        <div class="article-nav-title">
          
            红鲱鱼谬误
          
        </div>
      </a>
    
    
      <a href="/2023/10/31/%E4%B8%89%E5%8D%81%E5%B2%81%EF%BC%8C%E9%9C%80%E8%A6%81%E4%B8%8E%E8%87%AA%E5%B7%B1%E5%92%8C%E8%A7%A3/" class="article-nav-link">
        <strong class="article-nav-caption">下一篇</strong>
        <div class="article-nav-title">三十岁，需要与自己和解</div>
      </a>
    
  </nav>

  
   
  
    
</article>

</section>
      <footer class="footer">
  <div class="outer">
    <ul>
      <li>
        Copyrights &copy;
        1993-2023
        <i class="ri-heart-fill heart_icon"></i> NINOS
      </li>
    </ul>
    <ul>
      <li>
        
      </li>
    </ul>
    <ul>
      <li>
        
      </li>
    </ul>
    <ul>
      
        <li>
          <a href="http://www.beian.miit.gov.cn/" target="_black" rel="nofollow">湘ICP备2020021251号</a>
        </li>
        
    </ul>
    <ul>
      
    </ul>
    <ul>
      <li>
        <!-- cnzz统计 -->
        
        <script type="text/javascript" src=''></script>
        
      </li>
    </ul>
  </div>
</footer>    
    </main>
    <div class="float_btns">
      <div class="totop" id="totop">
  <i class="ri-arrow-up-line"></i>
</div>

<div class="todark" id="todark">
  <i class="ri-moon-line"></i>
</div>

    </div>
    <aside class="sidebar on">
      <button class="navbar-toggle"></button>
<nav class="navbar">
  
  <div class="logo">
    <a href="/"><img src="/images/ayer-side.svg" alt="知识全栈"></a>
  </div>
  
  <ul class="nav nav-main">
    
    <li class="nav-item">
      <a class="nav-item-link" href="/">主页</a>
    </li>
    
    <li class="nav-item">
      <a class="nav-item-link" href="/archives">归档</a>
    </li>
    
  </ul>
</nav>
<nav class="navbar navbar-bottom">
  <ul class="nav">
    <li class="nav-item">
      
      <a class="nav-item-link nav-item-search"  title="Search">
        <i class="ri-search-line"></i>
      </a>
      
      
    </li>
  </ul>
</nav>
<div class="search-form-wrap">
  <div class="local-search local-search-plugin">
  <input type="search" id="local-search-input" class="local-search-input" placeholder="Search...">
  <div id="local-search-result" class="local-search-result"></div>
</div>
</div>
    </aside>
    <div id="mask"></div>

<!-- #reward -->
<div id="reward">
  <span class="close"><i class="ri-close-line"></i></span>
  <p class="reward-p"><i class="ri-cup-line"></i>请我喝杯咖啡吧~</p>
  <div class="reward-box">
    
    <div class="reward-item">
      <img class="reward-img" src="/images/alipay.jpg">
      <span class="reward-type">支付宝</span>
    </div>
    
    
    <div class="reward-item">
      <img class="reward-img" src="/images/wechat.jpg">
      <span class="reward-type">微信</span>
    </div>
    
  </div>
</div>
    
<script src="/js/jquery-3.6.0.min.js"></script>
 
<script src="/js/lazyload.min.js"></script>

<!-- Tocbot -->
 
<script src="/js/tocbot.min.js"></script>

<script>
  tocbot.init({
    tocSelector: ".tocbot",
    contentSelector: ".article-entry",
    headingSelector: "h1, h2, h3, h4, h5, h6",
    hasInnerContainers: true,
    scrollSmooth: true,
    scrollContainer: "main",
    positionFixedSelector: ".tocbot",
    positionFixedClass: "is-position-fixed",
    fixedSidebarOffset: "auto",
  });
</script>

<script src="https://cdn.staticfile.org/jquery-modal/0.9.2/jquery.modal.min.js"></script>
<link
  rel="stylesheet"
  href="https://cdn.staticfile.org/jquery-modal/0.9.2/jquery.modal.min.css"
/>
<script src="https://cdn.staticfile.org/justifiedGallery/3.8.1/js/jquery.justifiedGallery.min.js"></script>

<script src="/dist/main.js"></script>

<!-- ImageViewer -->
 <!-- Root element of PhotoSwipe. Must have class pswp. -->
<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">

    <!-- Background of PhotoSwipe. 
         It's a separate element as animating opacity is faster than rgba(). -->
    <div class="pswp__bg"></div>

    <!-- Slides wrapper with overflow:hidden. -->
    <div class="pswp__scroll-wrap">

        <!-- Container that holds slides. 
            PhotoSwipe keeps only 3 of them in the DOM to save memory.
            Don't modify these 3 pswp__item elements, data is added later on. -->
        <div class="pswp__container">
            <div class="pswp__item"></div>
            <div class="pswp__item"></div>
            <div class="pswp__item"></div>
        </div>

        <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. -->
        <div class="pswp__ui pswp__ui--hidden">

            <div class="pswp__top-bar">

                <!--  Controls are self-explanatory. Order can be changed. -->

                <div class="pswp__counter"></div>

                <button class="pswp__button pswp__button--close" title="Close (Esc)"></button>

                <button class="pswp__button pswp__button--share" style="display:none" title="Share"></button>

                <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button>

                <button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button>

                <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR -->
                <!-- element will get class pswp__preloader--active when preloader is running -->
                <div class="pswp__preloader">
                    <div class="pswp__preloader__icn">
                        <div class="pswp__preloader__cut">
                            <div class="pswp__preloader__donut"></div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
                <div class="pswp__share-tooltip"></div>
            </div>

            <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)">
            </button>

            <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)">
            </button>

            <div class="pswp__caption">
                <div class="pswp__caption__center"></div>
            </div>

        </div>

    </div>

</div>

<link rel="stylesheet" href="https://cdn.staticfile.org/photoswipe/4.1.3/photoswipe.min.css">
<link rel="stylesheet" href="https://cdn.staticfile.org/photoswipe/4.1.3/default-skin/default-skin.min.css">
<script src="https://cdn.staticfile.org/photoswipe/4.1.3/photoswipe.min.js"></script>
<script src="https://cdn.staticfile.org/photoswipe/4.1.3/photoswipe-ui-default.min.js"></script>

<script>
    function viewer_init() {
        let pswpElement = document.querySelectorAll('.pswp')[0];
        let $imgArr = document.querySelectorAll(('.article-entry img:not(.reward-img)'))

        $imgArr.forEach(($em, i) => {
            $em.onclick = () => {
                // slider展开状态
                // todo: 这样不好，后面改成状态
                if (document.querySelector('.left-col.show')) return
                let items = []
                $imgArr.forEach(($em2, i2) => {
                    let img = $em2.getAttribute('data-idx', i2)
                    let src = $em2.getAttribute('data-target') || $em2.getAttribute('src')
                    let title = $em2.getAttribute('alt')
                    // 获得原图尺寸
                    const image = new Image()
                    image.src = src
                    items.push({
                        src: src,
                        w: image.width || $em2.width,
                        h: image.height || $em2.height,
                        title: title
                    })
                })
                var gallery = new PhotoSwipe(pswpElement, PhotoSwipeUI_Default, items, {
                    index: parseInt(i)
                });
                gallery.init()
            }
        })
    }
    viewer_init()
</script> 
<!-- MathJax -->
 <script type="text/x-mathjax-config">
  MathJax.Hub.Config({
      tex2jax: {
          inlineMath: [ ['$','$'], ["\\(","\\)"]  ],
          processEscapes: true,
          skipTags: ['script', 'noscript', 'style', 'textarea', 'pre', 'code']
      }
  });

  MathJax.Hub.Queue(function() {
      var all = MathJax.Hub.getAllJax(), i;
      for(i=0; i < all.length; i += 1) {
          all[i].SourceElement().parentNode.className += ' has-jax';
      }
  });
</script>

<script src="https://cdn.staticfile.org/mathjax/2.7.7/MathJax.js"></script>
<script src="https://cdn.staticfile.org/mathjax/2.7.7/config/TeX-AMS-MML_HTMLorMML-full.js"></script>
<script>
  var ayerConfig = {
    mathjax: true,
  };
</script>

<!-- Katex -->

<!-- busuanzi  -->

<!-- ClickLove -->

<!-- ClickBoom1 -->

<!-- ClickBoom2 -->

<!-- CodeCopy -->
 
<link rel="stylesheet" href="/css/clipboard.css">
 <script src="https://cdn.staticfile.org/clipboard.js/2.0.10/clipboard.min.js"></script>
<script>
  function wait(callback, seconds) {
    var timelag = null;
    timelag = window.setTimeout(callback, seconds);
  }
  !function (e, t, a) {
    var initCopyCode = function(){
      var copyHtml = '';
      copyHtml += '<button class="btn-copy" data-clipboard-snippet="">';
      copyHtml += '<i class="ri-file-copy-2-line"></i><span>COPY</span>';
      copyHtml += '</button>';
      $(".highlight .code pre").before(copyHtml);
      $(".article pre code").before(copyHtml);
      var clipboard = new ClipboardJS('.btn-copy', {
        target: function(trigger) {
          return trigger.nextElementSibling;
        }
      });
      clipboard.on('success', function(e) {
        let $btn = $(e.trigger);
        $btn.addClass('copied');
        let $icon = $($btn.find('i'));
        $icon.removeClass('ri-file-copy-2-line');
        $icon.addClass('ri-checkbox-circle-line');
        let $span = $($btn.find('span'));
        $span[0].innerText = 'COPIED';
        
        wait(function () { // 等待两秒钟后恢复
          $icon.removeClass('ri-checkbox-circle-line');
          $icon.addClass('ri-file-copy-2-line');
          $span[0].innerText = 'COPY';
        }, 2000);
      });
      clipboard.on('error', function(e) {
        e.clearSelection();
        let $btn = $(e.trigger);
        $btn.addClass('copy-failed');
        let $icon = $($btn.find('i'));
        $icon.removeClass('ri-file-copy-2-line');
        $icon.addClass('ri-time-line');
        let $span = $($btn.find('span'));
        $span[0].innerText = 'COPY FAILED';
        
        wait(function () { // 等待两秒钟后恢复
          $icon.removeClass('ri-time-line');
          $icon.addClass('ri-file-copy-2-line');
          $span[0].innerText = 'COPY';
        }, 2000);
      });
    }
    initCopyCode();
  }(window, document);
</script>
 
<!-- CanvasBackground -->

<script>
  if (window.mermaid) {
    mermaid.initialize({ theme: "forest" });
  }
</script>


    
    

  </div>
</body>

</html>